<!DOCTYPE html>
<html>
    <head>
        <title>indexhtml</title>
         <meta name="viewport"  content="width=device-width, initial-scale=1.0" />
    	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta http-equiv="pragma" content="no-cache">
		<meta http-equiv="cache-control" content="no-cache">
		<meta http-equiv="expires" content="0">    
		<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
		<meta http-equiv="description" content="This is my page">
		
		 <!--  <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" />
	     telephone=no：禁止自动将页面中的数字识别为电话号码, address=no：禁止自动地址转为链接,email=no：禁止自动将email转为链接
	    <meta name="format-detection" content="telephone=no,address=no,email=no" />
	    强制将页面布局为一列
	    <meta name="mobileOptimized" content="width" />
	    申明页面是移动友好的
	    <meta name="handheldFriendly" content="true" />
	    允许用户使用全屏模式浏览
	    <meta name="apple-mobile-web-app-capable" content="yes" />
	    当用户使用全屏浏览时，将状态条设置为黑色
	    <meta name="apple-mobile-web-app-status-bar-style" content="black" /> -->
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" href="css/bvd.css" />
		<script type="text/javascript" src="js/jquery-1.5.1.js"></script>
		<script type="text/javascript" src="js/webview.js"></script>
		<!-- <script type="text/javascript" src="js/testJson.js"></script> -->
        <style type="text/css">
        
        #mainDiv div{
        	position: absolute;
        }
        .nav{
			position: absolute;
			font-family:Microsoft YaHei;
			color: white;
			font-size: 30px;
			width:150px;
			height: 50px;
			top:50px
		}
		.sizen{
			position: absolute;
			font-family:Microsoft YaHei;
			color: white;
			font-size: 35px;
			width:180px;
			height: 50px;
			top:45px;
			left:100px;
		}
		.commend{
			position: absolute;
		}
		.gameList{
			position: absolute;
			top:451px;
		}
		.navFocus{
			position:absolute;
			/* width:200px; 
			height:200px;  */
			left: -9px; 
			/* background:url(images/focus_03.png) no-repeat;  */
			display:none; 
			top:47px;
		}
		
		.hotFocus{
			position:absolute;
			width:200px; 
			height:280px; 
			left: -9px; 
			background:url(images/gameFocus.png) no-repeat; 
			display:none; 
			top:630px;
		}
		.kinghonorFocus{
			position:absolute;
			width:200px; 
			height:280px; 
			left: -9px; 
			background:url(images/gameFocus.png) no-repeat; 
			display:none; 
			top:970px;
		}
		.lolFocus{
			position:absolute;
			width:200px; 
			height:280px; 
			left: -9px; 
			background:url(images/gameFocus.png) no-repeat; 
			display:none; 
			top:1310px;
		}
		.swFocus{
			position:absolute;
			width:200px; 
			height:280px; 
			left: -9px; 
			background:url(images/gameFocus.png) no-repeat; 
			display:none; 
			top:1651px;
		}
		.csgoFocus{
			position:absolute;
			width:200px; 
			height:280px; 
			left: -9px; 
			background:url(images/gameFocus.png) no-repeat; 
			display:none; 
			top:1992px;
		}
		.dotaFocus{
			position:absolute;
			width:200px; 
			height:280px; 
			left: -9px; 
			background:url(images/gameFocus.png) no-repeat; 
			display:none; 
			top:2333px;
		}
		.hotGame{
			top:650px;
		}
		.kinghonorGame{
			top:990px;
		}
		.lolGame{
			top:1330px;
		}
		.swGame{
			top:1670px;
		}
		.csgoGame{
			top:2010px;
		}
		.dotaGame{
			top:2350px;
		}
		</style>
		<script type="text/javascript" src="js/index.js"></script>
		<script type="text/javascript">
		var pageSize=7;//热门游戏数量
		var gameSize=6;//设置王者荣耀等视频数量
		var currPage=0;
		var total=0;
		var totalPage=0;
		var dataJson = {};
		var jSon = {};
		var listData;	
		function gamel(){
		debugger;
			for(var i=0; i<pageSize; i++)
			{
				 if(i+pageSize*currPage < total)
				{
					$("#gameList_"+i+" img").remove();
					var imgs = eval("'" + listData[i+pageSize*currPage].img + "'");
					var img = $("<img>");
					img.attr({"class":"img2 common","src":imgs,"width":"175"});
					$("#gameList_"+i).append(img);
				}
				else
				{
					$("#gameList_"+i).hide();
				}
			}
			currPage++;
		}
		$(document).ready(function(){
			/* autoPlayVideo();//自动播放视频
			autoPlayVideo1();//自动播放视频 */
			
			var map={};
			map.viewCode="gameList";
			map.pageCode="indexView";
			var url="QueryViewServlet";
			mylib.postAjaxContent(map,url,callBackContent=function(data){
				if(data!=null&&data.length>0){
					jSon.testJSON=data[0];
					dataJson = jSon.testJSON;
					window.jSon = jSon;
					listData = dataJson.index_list.index;
					total = listData.length;
					totalPage = Math.ceil(total / pageSize);
					gamel();
				}
			});//	获取图片内容
			//gamel();
		})
		</script>
  </head>
  
  <body>
  <img style="width:1280x;height:720px;position:absolute;top:0px;left:0px" src="images/bg1.jpg"></img>
  <div id='d2' style='top:0px; position:relative;height:720px;width:1280px;overflow:auto;'>
  	<div id="mainDiv" style="width:1280px;height:720px;">
  	
    <img style="width:200px;height:120px;position:absolute;left:50px" src="images/logo_03.png"></img>
    <img style="width:900px;height:15px;position:absolute;left:234px;top:90px" src="images/titleline_03.png"></img>
    <!-- 导航栏 -->
      <div style="left:290px;" class="nav">赛事</div>
      <div style="left:420px;" class="nav">综艺</div>
      <div style="left:540px;" class="nav">手游专区</div>
      <div style="left:720px;" class="nav">战队明星</div>
      <div style="left:900px;" class="nav">精选</div>
      <div style="left:1020px;" class="nav">活动</div>
      
    <!-- 导航栏选中 -->
      <div style="left:243px;"  class="navFocus common"><img class="img0 " src="images/navigation/0.png"></div>
      <div style="left:375px;"  class="navFocus common"><img class="img0 " src="images/navigation/1.png"></div>
      <div style="left:527px;"  class="navFocus common"><img class="img0 " src="images/navigation/2.png"></div>
      <div style="left:706px;"  class="navFocus common"><img class="img0 " src="images/navigation/3.png"></div>
      <div style="left:855px;"  class="navFocus common"><img class="img0 " src="images/navigation/4.png"></div>
      <div style="left:975px;"  class="navFocus common"><img class="img0 " src="images/navigation/5.png"></div>
      
    <!-- 推荐位置 -->
      <div style="left:1150px;top:43px;width:64px;height:64px" class="commend">
      <img class="img1 common" width="64px" height="64px" src="images/recommend/6_12.png"></div>
      
      <div style="left:20px;top:108px;" class="commend"><img class="img1 common" src="images/recommend/7_12.png"></div>
      <div style="left:505px;top:172px" class="commend "><img class="img1 common" width="300px" src="images/recommend/8_12.png"></div>
      <div style="left:795px;top:174px" class="commend "><img class="img1 common" width="200px" height="131px" src="images/recommend/9_12.png"></div>
      <div style="left:990px;top:174px" class="commend "><img class="img1 common" width="200px" height="131px" src="images/recommend/10_12.png"></div>
      <div style="left:505px;top:311px" class="commend "><img class="img1 common" width="300px" src="images/recommend/11_12.png"></div>
      <div style="left:795px;top:311px" class="commend "><img class="img1 common" width="200px" height="131px" src="images/recommend/12_12.png"></div>
      <div style="left:990px;top:311px" class="commend "><img class="img1 common" width="200px" height="131px" src="images/recommend/13_12.png"></div>
      
   <!--  游戏类型动态获取 -->
      <!-- <div  style="left:80px;"><img class="img2" width="135px" src="images/gameList/wz.png"></div>
      <div  style="left:245px;"><img class="img2" width="135px" src="images/gameList/lol.png"></div>
      <div  style="left:410px;"><img class="img2" width="135px" src="images/gameList/xj.png"></div>
      <div  style="left:570px;"><img class="img2" width="135px" src="images/gameList/sw.png"></div>
      <div  style="left:730px;"><img class="img2" width="135px" src="images/gameList/csgo.png"></div>
      <div  style="left:890px;"><img class="img2" width="135px" src="images/gameList/dota.png"></div>
      <div  style="left:1055px;"><img class="img2" width="135px" src="images/gameList/ms.png"></div>
      <div  style="left:1220px;"><img class="img2" width="135px" src="images/gameList/ms.png"></div> -->
      <div id="gameList_0" style="left:70px;" class="gameList"></div>
      <div id="gameList_1" style="left:235px;" class="gameList"></div>
      <div id="gameList_2" style="left:400px;" class="gameList"></div>
      <div id="gameList_3" style="left:560px;" class="gameList"></div>
      <div id="gameList_4" style="left:720px;" class="gameList"></div>
      <div id="gameList_5" style="left:880px;" class="gameList"></div>
      <div id="gameList_6" style="left:1045px;" class="gameList"></div>
      
      <!-- 类似div可做动态添加(热门游戏,王者荣耀等) 开始 -->
      <!-- 热门游戏 -->
      <div  style="left:70px;" class="hotGame"><img class="img2 " width="162px" height="242px" src="images/hotGame/hot1_05.png"></div>
      <div  style="left:265px;" class="hotGame"><img class="img2" width="162px" height="242px" src="images/hotGame/hot2_05.png"></div>
      <div  style="left:460px;" class="hotGame"><img class="img2" width="162px" height="242px" src="images/hotGame/hot3_05.png"></div>
      <div  style="left:655px;" class="hotGame"><img class="img2" width="162px" height="242px" src="images/hotGame/hot4_05.png"></div>
      <div  style="left:850px;" class="hotGame"><img class="img2" width="162px" height="242px" src="images/hotGame/hot5_05.png"></div>
      <div  style="left:1045px;" class="hotGame"><img class="img2" width="162px" height="242px" src="images/hotGame/more_05.png"></div>
      
     <!--  热门游戏选中 -->
      <div  style="left:50px;" class="hotFocus common"></div>
      <div  style="left:246px;" class="hotFocus common"></div>
      <div  style="left:442px;" class="hotFocus common"></div>
      <div  style="left:635px;" class="hotFocus common"></div>
      <div  style="left:831px;" class="hotFocus common"></div>
      <div  style="left:1026px;" class="hotFocus common"></div>
      <!-- 类似div可做动态添加(热门游戏,王者荣耀等) 结束-->
      
      
      
	<span style="color: white;font-size:30px;font-weight:normal;font-family:Microsoft YaHei; position: absolute;left:70px;top:930px">王者荣耀</span>
	<!-- 王者荣耀 -->
      <div  style="left:70px;" class="kinghonorGame"><img class="img3 " width="162px" height="242px" src="images/kinghonor/kinghonor1_07.png"></div>
      <div  style="left:265px;" class="kinghonorGame"><img class="img3" width="162px" height="242px" src="images/kinghonor/kinghonor2_07.png"></div>
      <div  style="left:460px;" class="kinghonorGame"><img class="img3" width="162px" height="242px" src="images/kinghonor/kinghonor3_07.png"></div>
      <div  style="left:655px;" class="kinghonorGame"><img class="img3" width="162px" height="242px" src="images/kinghonor/kinghonor4_07.png"></div>
      <div  style="left:850px;" class="kinghonorGame"><img class="img3" width="162px" height="242px" src="images/kinghonor/kinghonor5_07.png"></div>
      <div  style="left:1045px;" class="kinghonorGame"><img class="img3" width="162px" height="242px" src="images/hotGame/more_05.png"></div>
     <!--  王者荣耀选中 -->
      <div  style="left:50px;" class="kinghonorFocus common "></div>
      <div  style="left:246px;" class="kinghonorFocus common "></div>
      <div  style="left:442px;" class="kinghonorFocus common "></div>
      <div  style="left:635px;" class="kinghonorFocus common "></div>
      <div  style="left:831px;" class="kinghonorFocus common "></div>
      <div  style="left:1026px;" class="kinghonorFocus common"></div>
      
      
      <span style="color: white;font-size:30px;font-weight:normal;font-family:Microsoft YaHei; position: absolute;left:70px;top:1270px">英雄联盟</span>
	<!-- 英雄联盟 -->
      <div  style="left:70px;" class="lolGame"><img class="img4 " width="162px" height="242px" src="images/lol/LOL1.jpg"></div>
      <div  style="left:265px;" class="lolGame"><img class="img4" width="162px" height="242px" src="images/lol/LOL2.jpg"></div>
      <div  style="left:460px;" class="lolGame"><img class="img4" width="162px" height="242px" src="images/lol/LOL3.jpg"></div>
      <div  style="left:655px;" class="lolGame"><img class="img4" width="162px" height="242px" src="images/lol/LOL4.jpg"></div>
      <div  style="left:850px;" class="lolGame"><img class="img4" width="162px" height="242px" src="images/lol/LOL5.jpg"></div>
      <div  style="left:1045px;" class="lolGame"><img class="img4" width="162px" height="242px" src="images/hotGame/more_05.png"></div>
     <!--  英雄联盟选中 -->
      <div  style="left:50px;" class="lolFocus common"></div>
      <div  style="left:246px;" class="lolFocus common"></div>
      <div  style="left:442px;" class="lolFocus common"></div>
      <div  style="left:635px;" class="lolFocus common"></div>
      <div  style="left:831px;" class="lolFocus common"></div>
      <div  style="left:1026px;" class="lolFocus common"></div>
      
      <span style="color: white;font-size:30px;font-weight:normal;font-family:Microsoft YaHei; position: absolute;left:70px;top:1610px">守望先锋</span>
	<!-- 守望先锋 -->
      <div  style="left:70px;" class="swGame"><img class="img5 " width="162px" height="242px" src="images/overwatch/sw1.jpg"></div>
      <div  style="left:265px;" class="swGame"><img class="img5" width="162px" height="242px" src="images/overwatch/sw2.jpg"></div>
      <div  style="left:460px;" class="swGame"><img class="img5" width="162px" height="242px" src="images/overwatch/sw3.jpg"></div>
      <div  style="left:655px;" class="swGame"><img class="img5" width="162px" height="242px" src="images/overwatch/sw4.jpg"></div>
      <div  style="left:850px;" class="swGame"><img class="img5" width="162px" height="242px" src="images/overwatch/sw5.jpg"></div>
      <div  style="left:1046px;" class="swGame"><img class="img5" width="162px" height="242px" src="images/hotGame/more_05.png"></div>
     <!--守望先锋选中 -->
      <div  style="left:50px;" class="swFocus common"></div>
      <div  style="left:246px;" class="swFocus common"></div>
      <div  style="left:442px;" class="swFocus common"></div>
      <div  style="left:635px;" class="swFocus common"></div>
      <div  style="left:831px;" class="swFocus common"></div>
      <div  style="left:1026px;" class="swFocus common"></div>
      
      <span style="color: white;font-size:30px;font-weight:normal;font-family:Microsoft YaHei; position: absolute;left:70px;top:1950px">CSGO</span>
	<!-- CSGO -->
      <div  style="left:70px;" class="csgoGame"><img class="img6 " width="162px" height="242px" src="images/csgo/csgo1_07.png"></div>
      <div  style="left:265px;" class="csgoGame"><img class="img6" width="162px" height="242px" src="images/csgo/csgo2_07.png"></div>
      <div  style="left:460px;" class="csgoGame"><img class="img6" width="162px" height="242px" src="images/csgo/csgo3_07.png"></div>
      <div  style="left:655px;" class="csgoGame"><img class="img6" width="162px" height="242px" src="images/csgo/csgo4_07.png"></div>
      <div  style="left:850px;" class="csgoGame"><img class="img6" width="162px" height="242px" src="images/csgo/csgo5_07.png"></div>
      <div  style="left:1046px;" class="csgoGame"><img class="img6" width="162px" height="242px" src="images/hotGame/more_05.png"></div>
     <!--  CSGO选中 -->
      <div  style="left:50px;" class="csgoFocus common"></div>
      <div  style="left:246px;" class="csgoFocus common"></div>
      <div  style="left:442px;" class="csgoFocus common"></div>
      <div  style="left:635px;" class="csgoFocus common"></div>
      <div  style="left:831px;" class="csgoFocus common"></div>
      <div  style="left:1026px;" class="csgoFocus common"></div>
      
      <span style="color: white;font-size:30px;font-weight:normal;font-family:Microsoft YaHei; position: absolute;left:70px;top:2290px">DOTA2</span>
	<!-- DOTA2 -->
      <div  style="left:70px;" class="dotaGame"><img class="img7 " width="162px" height="242px" src="images/dota2/DOTA2--1.jpg"></div>
      <div  style="left:265px;" class="dotaGame"><img class="img7" width="162px" height="242px" src="images/dota2/DOTA2--2.jpg"></div>
      <div  style="left:460px;" class="dotaGame"><img class="img7" width="162px" height="242px" src="images/dota2/DOTA2--3.jpg"></div>
      <div  style="left:655px;" class="dotaGame"><img class="img7" width="162px" height="242px" src="images/dota2/DOTA2--4.jpg"></div>
      <div  style="left:850px;" class="dotaGame"><img class="img7" width="162px" height="242px" src="images/dota2/DOTA2--5.jpg"></div>
      <div  style="left:1046px;" class="dotaGame"><img class="img7" width="162px" height="242px" src="images/hotGame/more_05.png"></div>
     <!--DOTA2选中 -->
      <div  style="left:50px;" class="dotaFocus common"></div>
      <div  style="left:246px;" class="dotaFocus common"></div>
      <div  style="left:442px;" class="dotaFocus common"></div>
      <div  style="left:635px;" class="dotaFocus common"></div>
      <div  style="left:831px;" class="dotaFocus common"></div>
      <div  style="left:1026px;" class="dotaFocus common"></div>
	</div>
</div>
  </body>
  <script type="text/javascript" src="js/mylib.js"></script>
  <script type="text/javascript">
	var menu=null;//0-菜单对象 
	var flag=true;   
	var _this=this;
    window.onload=function(){ 
       menu=new Menu(); 
       menu.ok=function(){ 
      // alert(menu.getTabsDivIndex);
       	switch(menu.getTabsDivIndex){
       		case 0:window.location.href="contest.html?prePage="+curr;break;
            case 1:window.location.href="jxcompilations.html?prePage="+curr;break;
            case 2:window.location.href="shouyoucompilations.html?prePage="+curr;break;
        	case 3:window.location.href="team.html?prePage="+curr;break;
            case 4:window.location.href="hotcompilations1.html?prePage="+curr;break;	
           	case 5:window.location.href="act.html?prePage="+curr;break;
           	
			case 6:		//右推荐位
				window.location.href="user.html?prePage="+curr;break;
            case 7:		//英雄联盟
            	window.location.href="playinfo2.html?viewCode=lolGame"+"&playViewCode=lolGame_index&prePage="+curr;
            	break;
            	
            case 8:		//CSGO
            	window.location.href="shouyoucompilations.html?prePage="+"&focus=1"+curr;
            	break;
            	
            case 9:		//dota2
        		window.location.href="playinfo2.html?viewCode=lolGame"+"&playViewCode=lolGame_index&prePage="+curr;
        		break;
        		
        	case 10:	
        		//mylib.play_video();//王者荣耀
        		window.location.href="playinfo2.html?viewCode=lolGame"+"&playViewCode=lolGame_index&prePage="+curr;
            	break;
            	
            case 11:	//热门游戏
            window.location.href="hotcompilations1.html?prePage="+"&focus=3"+curr;
            	break;
            	
            case 14:	//热门游戏
            	window.location.href="shouyoucompilations.html?prePage="+"&focus=0"+curr;
            	break;
            case 15:	//热门游戏
            	window.location.href="hotcompilations1.html?prePage="+"&focus=0"+curr;
            	break;
              case 16:	//热门游戏
            	window.location.href="hotcompilations1.html?prePage="+"&focus=4"+curr;
            	break;
             case 17:	//热门游戏
            	window.location.href="hotcompilations1.html?prePage="+"&focus=3"+curr;
            	break;
            case 18:	//热门游戏
            	window.location.href="hotcompilations1.html?prePage="+"&focus=2"+curr;
            	break;
            case 19:	//热门游戏
            	window.location.href="hotcompilations1.html?prePage="+"&focus=5"+curr;
            	break;
/*            case 21:	//热门游戏
          		window.location.href="playinfo2.html?viewCode=lolGame"+"&playViewCode=lolGame_index&prePage="+curr;
          	break;
              case 22:	//热门游戏
          		window.location.href="playinfo2.html?viewCode=lolGame"+"&playViewCode=lolGame_index&prePage="+curr;
          	break;
          	  case 23:	//热门游戏
          		window.location.href="playinfo2.html?viewCode=lolGame"+"&playViewCode=lolGame_index&prePage="+curr;
          	break;
          	case 24:	//热门游戏
          		window.location.href="playinfo2.html?viewCode=lolGame"+"&playViewCode=lolGame_index&prePage="+curr;
          	break;
          	case 25:	//热门游戏
          		window.location.href="playinfo2.html?viewCode=lolGame"+"&playViewCode=lolGame_index&prePage="+curr;
          	break; */
            	
            case 26:	//热门游戏
            	window.location.href="hotcompilations1.html?prePage="+curr;
            	break;	
            	
            	
            case 32:	//热门游戏
            	window.location.href="shouyoucompilations.html?prePage="+curr;
            	break;	
            case 38:	//热门游戏
            	window.location.href="hotcompilations1.html?prePage="+curr;
            	break;	
             case 44:	//热门游戏
            	window.location.href="hotcompilations1.html?prePage="+"&focus=3"+curr;
            	break;	
            	
             case 50:	//热门游戏
            	window.location.href="hotcompilations1.html?prePage="+"&focus=2"+curr;
            	break;	
            	
/*             //	
             case 51:	//热门游戏
          		window.location.href="playinfo2.html?viewCode=lolGame"+"&playViewCode=lolGame_index&prePage="+curr;
          	 break;
          	 case 52:	//热门游戏
          		window.location.href="playinfo2.html?viewCode=lolGame"+"&playViewCode=lolGame_index&prePage="+curr;
          	 break;
          	 case 53:	//热门游戏
          		window.location.href="playinfo2.html?viewCode=lolGame"+"&playViewCode=lolGame_index&prePage="+curr;
          	 break;
          	 case 54:	//热门游戏
          		window.location.href="playinfo2.html?viewCode=lolGame"+"&playViewCode=lolGame_index&prePage="+curr;
          	 break;
          	 case 55:	//热门游戏
          		window.location.href="playinfo2.html?viewCode=lolGame"+"&playViewCode=lolGame_index&prePage="+curr;
          	 break; */
             case 56:	//热门游戏
            	window.location.href="hotcompilations1.html?prePage="+"&focus=5"+curr;
            	break;	
       }
       }
      /*   $(document).keydown(function(e){
       	 debugger;
        keyUp(e,0);
        });  */
        keyboard();
        //doPostTest();
       }
	</script>
</html>
